import { Platform, StyleSheet } from 'react-native';
import Dimensions from 'Dimensions';

var windowWidth = Dimensions.get('window').width;
var windowHeight = Dimensions.get('window').height;

const styles = StyleSheet.create({
	wrapper:{
		flex: 1,
		height: windowHeight - 64,
	},
	container: {
		flex: 1,
		backgroundColor: '#f3f3f3',

		// paddingRight: 15,
		...Platform.select({
			ios: {
				paddingTop: 0
			}
		})
	},
	progressBar: {
		backgroundColor: '#f3f3f3',
		flex: 1,
		justifyContent: 'center',
		alignItems: 'center'
	},
	content:{
		marginTop: 15,
		// marginBottom: 40,
	},
	sendContainer:{
		marginBottom: 70,
	},
	fPart:{
		// marginTop: 10,
		flex: 1,
		paddingTop: 15,
		paddingLeft: 15,
		paddingRight: 15,
		paddingBottom: 15,
		borderTopWidth: StyleSheet.hairlineWidth,
		borderColor: '#E1E1E1',
		justifyContent: 'center',
		borderBottomWidth:StyleSheet.hairlineWidth,
		backgroundColor: '#ffffff',
	},
	moneyInfo:{
        // borderBottomWidth:1,
        // borderColor: '#DEDEDE',
        // marginBottom: 15,
		borderBottomWidth: StyleSheet.hairlineWidth,
		borderColor: '#E1E1E1',
		paddingBottom: 15,
    },
    noMoneyText:{
        fontSize: 15,
        color: '#7B7B7B',
		textAlign: 'center',
        // marginBottom: 19,
    },
    leftrightInfo:{
        flex: 1,
		flexDirection: 'row',
		justifyContent: 'center',

		// alignItems: 'center',
        // marginBottom: 15,
    },
    moneyLeftInfo:{
        flex: 1,
        alignItems: 'center',

    },
    moneyRightInfo:{
        flex:1,
        alignItems: 'center',
		borderLeftWidth:StyleSheet.hairlineWidth,
        borderColor: '#DEDEDE'
    },
    numStyle:{
        fontSize: 24,
        marginBottom:2.5,
        color: '#EA5404',
    },

    unitStyle:{
        fontSize: 15,
    },
    subStyle:{
        fontSize: 12,
        color: '#B5B5B5',
    },
    objInfo:{
        flex: 1,
		flexDirection: 'row',
    },
    objTitle:{
        // flex:1,
        color: '#B5B5B5',
        fontSize: 15,
		marginRight: 10,
        alignContent: 'center',
        alignSelf: 'flex-start',
        lineHeight: 30,
    },
    objSubTitle:{
        // flex:6,
        color: '#555555',
        fontSize: 15,
        alignContent: 'center',
        alignSelf: 'center',
		lineHeight: 30,
    },
    vipImageContainer:{
    	flexDirection:'row',

    },

    vipImage:{
        width:25,
        height:15,
        marginLeft:10,
        alignSelf:'flex-end',
        marginBottom: 1,
    },
	actionBottomContainer:{
		flex: 1,
		height: 44,
		position: 'absolute',
		width: '100%',
		bottom: 0,
		flexDirection: 'row',
	},
	actionBtnContainer:{
		backgroundColor: '#EA5404',
		flex:1,
		// marginTop: 28,
		justifyContent: 'center',
	},
	actionMiddleBtnContainer:{
		backgroundColor: '#ffffff',
		flex:1,
		// marginTop: 28,
		justifyContent: 'center',
	},
	actionDisabledBtnContainer:{
		backgroundColor: '#CDCDCD',
		flex:1,
		// marginTop: 28,
		justifyContent: 'center',
	},
	actionBtn:{
		color: "#ffffff",
		fontSize: 15,
		textAlign: 'center',
	},
	actionBtnTowContainer:{
		flex: 1,
		height: 44,
		position: 'absolute',
		width: '100%',
		bottom: 0,
		flexDirection: 'row',
	},
	actionOneContainer:{
		backgroundColor: '#fff',
		flex: 1,
		alignItems: 'center',
		justifyContent: 'center',
	},
	actionTowContainer:{
		backgroundColor: '#EA5404',
		flex: 1,
		alignItems: 'center',
		justifyContent: 'center',
	},
	actionOne:{
		color:"#555555",
		fontSize: 15,
		textAlign: 'center',
	},

	objInfoTitle:{
		flexDirection: 'row',
		justifyContent: 'space-between',
		borderBottomWidth:StyleSheet.hairlineWidth,
        borderColor: '#DDDDDD'
	},
	appealBtnTouch:{
		marginRight: 15,
	},
	appealBtn:{
		fontSize: 15,
	},
	tagsItem:{
		color:"#565656",
		borderColor: '#565656',
		overflow:'hidden',
		borderWidth: StyleSheet.hairlineWidth,
		borderRadius: 2,
		fontSize: 13,
		// marginTop: 7,
		paddingTop: 4,
		paddingLeft: 10,
		paddingRight: 10,
		marginRight: 10,
		height: 25,
	},
	tagsContainer:{
		flexDirection: 'row',
		flex: 4,
		marginTop: 2,
		alignItems: 'flex-end',
		justifyContent: 'flex-start'
	},
	smallstarImage:{
		width: 10,
        height: 10,
		marginRight: 5,
		marginTop: 7,
	},

	dialogContainer:{
        backgroundColor: '#fff',
		borderRadius: 2,
    },
    dialogTitle: {
        height: 45,
        borderBottomWidth: StyleSheet.hairlineWidth,
        justifyContent: 'center',
        borderBottomColor: '#ddd',
    },
    dialogTitleText: {
        textAlign: 'center',
        fontSize: 15,
        color: '#565656',
        fontWeight: 'bold',
    },

	dialogBodyText:{
		textAlign: 'center',
        fontSize: 15,
        color: '#565656',
	},

    submitBtnContainer:{
		flexDirection: 'row',
		borderTopWidth: StyleSheet.hairlineWidth,
		borderColor: '#DDDDDD',
    },
    submitCancelBtn:{
		flex: 1,
        height: 44,
        justifyContent: 'center',
        alignItems: 'center',

    },
	submitOkBtn:{
		flex: 1,
		height: 44,
        justifyContent: 'center',
        alignItems: 'center',
		borderLeftWidth: StyleSheet.hairlineWidth,
		borderColor: '#DDDDDD',
	},

    submitBtnText:{
        color: '#565656',
        fontSize: 15,
    },
	okBtnText:{

	},
	uploadAvatar: {
        flex: 1,
        
        height: 400,
    },
    formUploadPictureContainer:{
        width:windowWidth,
        height:windowWidth,
    },
    uploadMultiPictureContainer:{
        width:50,
        height:50,
        borderStyle:'dashed', 
        borderWidth:0.5,
        borderColor:'#CDCDCD',
        justifyContent:'center',
        alignItems:'center',
        marginTop: 10,
    }
});

export default styles;
